Changing theme headers

The first things to change on your website are the highly visible elements that public visitors see and use in the header: the logo, social networking links, the welcome banner, and the favicon.

Logo

The header logo is contained in a content record: @\[theme]\ContentAreas\Header Logo. To add your own logo, edit this content record, remove the contents in the HTML iPart, and replace with your own logo.

Alternatively, you can change the logo in the CSS. The logo is set in 99-[theme].css by the selector #masterHeaderImage. Change the background image and the dimensions to match your own logo.

Social networking links

The links to the social networking sites in the top (auxiliary) navigation are also defined in a content record: @\[theme]\ContentAreas\Social Networking Images.

To change the links to navigate to your own social networking pages, edit the content record and change the links on the icons.

In the HTML editor, replace the href on each <a> tag with the appropriate URL. For example:

<a href="http://www.facebook.com/geointernational" target="_new"> <img    id="FacebookLogo" style="border-width: 0px;" alt="Visit our Facebook page" src="[Theme]/images/facebook.png" /> </a>

Banner

You change the home page banner by editing the reference in the CSS. In 99-[theme].css locate the .homeBanner selector and make these edits as needed:

■    change the background image to your banner

■    change the height of the .homeBanner

■    change the .homeBannerPush styles

Tip: Each theme includes a version of the banner without text in the \Resources folder.

Favicon

The favicon is the little icon that displays next to the website in your bookmarks and on the browser tab in modern browsers. Changing it to your organizations’ icon is simple: create an icon sized either 32x32 or 64x64 pixels and name it Favicon.ico. Then overwrite the original file:

C:\Program Files\ASI\iMIS\Net\Favicon.ico

Update the copyright statement

From Net\Templates\MasterPages, edit your website’s master page. Scroll to near the bottom of the page to find the copyright statement, and update it for your organization.